<template>
  <div class="wrap">
    <p class="title">{{ title }}</p>
    <p class="value">{{ value }}</p>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      require: false,
      type: String
    },
    value: {
      require: false
    }
  }
};
</script>
<style lang="less" scoped>
p {
  margin: 0;
}
.wrap {
  width: 95%;
  height: 130px;
  background: url("../assets/images/value-container.png");
  background-size: 100% 100%;
  background-color: #020408;
  margin-top: 8px;
  .title {
    font-size: 16px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: rgba(226, 226, 226, 1);
    line-height: 44px;
  }
  .value {
    font-size: 36px;
    font-family: SourceHanSansSC-Regular, SourceHanSansSC;
    font-weight: 400;
    color: rgba(226, 226, 226, 1);
    line-height: 84px;
  }
}
</style>
